/* 定义一个名为herd的类，设置其背景图片 */
.herd{
    background: url("../img/980.jpg");
}

/* 定义一个名为container的类，设置其水平居中，宽度为500px */
.container{
    margin: 0 auto;
    width: 500px;
}

/* 设置form元素的样式，包括宽度、居中、背景色、圆角和相对定位 */
form{
    width: 450px;
    margin: 0 auto;
    background: #d6dfe6;
    border-radius: 15px;
    position: relative;
}

/* 设置h1元素的字体大小、居中对齐和黑色文本 */
h1{
    font-size: 28px;
    text-align: center;
    color: #000000 !important;
}

/* 设置类p的样式，包括红色文本、左边距和行内块显示 */
.p{
    color: red;
    margin-left: 33px;
    display: inline-block;//不占单独一行的块级元素
}

/* 设置label元素的字体大小和加粗 */
label{
    font-size: 18px;
    font-weight: bold;
}

/* 设置类register的样式，包括高度和宽度 */
.register{
    height: 35px;
    width: 300px;
}

/* 设置类q的样式，包括红色文本、左边距和行内块显示 */
.q{
    color:red;
    margin-left:17px;
    display:inline-block;
}

/* 设置类checkbox的样式，包括左边距、行内块显示、宽度和高度 */
.checkbox{
    margin-left: 100px;
    display: inline-block;
    width: 15px;
    height: 15px;
}

/* 设置类submit的样式，包括圆角、左边距、高度、宽度、背景色、无边框、块级显示、无内边距、白色文本、加粗和鼠标指针样式 */
.submit{
    border-radius: 7px;
    margin-left: 150px;
    height: 35px;
    width: 150px;
    background-color: #000;
    border: none;
    display: block;
    padding: 0;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}

/* 设置a元素的样式，包括去除下划线和加粗 */
a{
    text-decoration: none;
    font-weight: bold;
}

/* 设置类left和right的样式，包括绝对定位和底部距 */
.left,.right{
    position: absolute;
    bottom: 20px;
}

/* 设置类left的样式，包括左边距 */
.left{
    left: 20px;
}

/* 设置类right的样式，包括右边距 */
.right{
    right: 20px;
}
